<template>
    <div class="page-bottom-bar">
        <div class="flex-item check-all-select">
            <van-checkbox v-model="allSelectState">全选</van-checkbox>
        </div>
        <div class="flex-item tip-message">已选择 0 条数据</div>
        <div class="flex-item">
            <span class="bar-button bar-button-green">删除选中</span>
        </div>
    </div>
</template>

<style lang="scss" scoped>
    @import "../../../libs/styles/bottom-fixed-bar.scss";
</style>

<script>
    import { Switch, Checkbox } from 'vant';

    export default {
        components: {
            [Switch.name]: Switch, [Checkbox.name]: Checkbox
        },
        data() {
            return {
                allSelectState: false
            }
        }
    }
</script>
